<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>

</head>
<body>
<form id="login_form">
    <input type="text" name="uname" id="username"> <br>
    <input type="email" name="email" id="email">
    <button type="button" id="btn_login">login</button>
</form>

<!--    引入jquery框架-->
<script src="/boot/plugins/jquery/jquery.min.js"></script>
<script>
    $(function(){
        $("#btn_login").click(function(){
            //如果form表单中的文本框的数量比较多的话
            //不建议一一去过去文本框中的输入的数据
            //表单序列化 - 结果就是key=value的结果
            //key默认就是文本框的name属性的值,value就是在文本框中输入的数据.

            //表单序列化
            let form_value = $("#login_form").serialize();
            //alert(form_value)//uname=admin&email=fdfdfd%40qq.com

            let url = '/boot/ajax/hello01?'+form_value
            //发送参数
            $.get(url,function(res){
                //res是后端返回过来的json数据
                //{code: '200', msg: '请求成功', data: 'admin:123@qq.com'}
                console.log(res)
            })
        })
    })
</script>
</body>
</html>